<!-- contain BEGIN -->
<div class="right-product right-full animate-time task-right-product journal" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
	<div class="center-back right-back">
		
		<app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '系统管理', 'threeLevel' : '日志管理' }"></app-breadcrumb>

		<!-- 操作 BEGIN -->
		<div class="button-group">
			<button type="button" class="btn btn-default btn-md yellow" data-toggle="modal" data-target="#deletethree" *ngIf="right['journal']['cleanThreeMonths']">
                <span class="glyphicon glyphicon-trash"></span> 清理三个月前的
            </button>
			<button type="button" class="btn btn-default btn-md yellow" data-toggle="modal" data-target="#deleteall" *ngIf="right['journal']['cleanAll']">
                <span class="glyphicon glyphicon-trash"></span> 清理全部
            </button>
			<div class="app-task-search pull-right" *ngIf="right['journal']['query']">
				<div class="input-group pull-right search-width" >
					<input type="text" class="form-control search-input" name="queryCriteria" [(ngModel)]="queryCriteria" placeholder="请输入自定义,异常信息检索"  (input)="changesearch()" (keyup.enter)="changesearch()"/>
					<span class="input-group-addon search-btn" id="upsearch" (click)="search()">
						<img src="assets/right-product/search.png">检索
					</span>
				</div>
				<div class="journal-search">
					<div class="form-group pull-right col-sm-4">
						<span class="pull-left form-span mg-left">结束年月：</span>
						<input type="text" name="endDate" class="pull-left form-control fillt" [maxDate]="maxDate"  autocomplete="off" #dp="bsDatepicker"placeholder="请选择结束日期" bsDatepicker [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD'}"  [(bsValue)]="endCreateDate" (bsValueChange)="changesearch()"/>
					</div>
					<div class="form-group pull-right col-sm-4">
						<span class="pull-left form-span">开始年月：</span>
						<input type="text" name="startDate" class="pull-left form-control fill" [maxDate]="maxDate" autocomplete="off" #dp="bsDatepicker"  placeholder="请选择开始日期" bsDatepicker [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD'}"  [(bsValue)]="beginCreateDate" (bsValueChange)="changesearch()" />
					</div>
					<div class="form-group pull-right col-sm-4">
						<span class="pull-left form-span">日志级别：</span>
						<select name="status" [(ngModel)]="status"  (change)="changesearch()" class="pull-left fill">
							<option value="0">全部</option>
							<option value="1">Error</option>
							<option value="2">Debug</option>
							<option value="3">Info</option>
							<option value="4">Fatal</option>
						</select>
					</div>
				</div>
			</div>	
		</div>
		<!-- 操作 END -->
		<div class="container-fluid">
			<div class="info-center">
				<!-- 列表内容 BEGIN -->
				<div class="contain">
					<app-journal-table #table 
									   [tableNumber]="tableNumber"
									   (tabeListOutput)="ParentList($event)"
									   >
					</app-journal-table>
				</div>
				<!-- 列表内容 BEGIN -->
			</div>
			<div class="info-bottom">
				<!-- 分页 BEGIN -->
					<app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
				<!-- 分页 END -->

			</div>
		</div>
	</div>
</div>
<!-- contain END -->

<!-- details -->
<app-journal-details></app-journal-details>
<!-- details end -->

<!-- 删除三个月前 -->
<app-journal-deletethree ></app-journal-deletethree>
<!-- 删除三个月前 end -->

<!-- 删除全部 -->
<app-journal-deleteall></app-journal-deleteall>
<!-- 删除全部 end -->